/*
 *@author: YangJie
 *@date: 2021-04-09 10:49:49
 *@version:
 *@description: 参数设置->公共配置->班组
 */
import React, { Component } from 'react';
import { Table, Form, Card, Tabs, Row, Col, Radio, DatePicker, Divider } from 'antd';
import '@/assets/css/settings';
import { withRouter } from 'react-router-dom';
import BasicForm from '../../../components_yyr/common/basicFormbaobiao';
import { FileDown, } from '../../../components_yyr/commponent/File';
import Paging from '../../../components_yyr/commponent/Paging';
import Echarts from 'echarts-for-react';
// import 'echarts-gl';
import { euqApplicationName_gl, lotAuth, lotAuth2 } from '../../../config';
import { euqApplicationName } from '../../../config';
import moment from 'moment';

const { TabPane } = Tabs;
const { RangePicker } = DatePicker

var date = new Date();
let day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate()
let month = date.getMonth() + 1 ? `0${date.getMonth() + 1}` : date.getMonth() + 1
let year = date.getFullYear()
let todayEnd = `${year}-${month}-${day} 23:59:59`
let todayStart = `${year}-${month}-01 00:00:00`
var chooseData;
var formValuesOld;
var dataList = [];
var isNext;
var valueOld;
for (var i = 0; i < 12; i++) {
    var newDate = new Date(date);
    newDate.setMonth(date.getMonth() - i);
    dataList.unshift(`${newDate.getFullYear()}-${(newDate.getMonth() + 1).toString().padStart(2, '0')}`);
}
class EquipmentTypeAnalyse3_details extends Component {
    constructor(props) {
        super(props);
        console.log(props);
        chooseData = props.record
        formValuesOld = props.formValues
        isNext = props.isNext
        valueOld = props.value
        this.setState({ chooseData })
    }

    state = {
        loading: false, //加载中...
        dataSource: [], //数据源
        drawerVisible: false, //新增修改抽屉的显示与隐藏
        chooseData: {}, //用checkbox选择好的数据
        total: 0, //总数据量
        formValues: {},
        weekList: [],
        value: valueOld,
        //  activeKey:'top',
        activeKey: 'top',
        list:[],
        list2:[],
        list3:[],
        list4:[],
        dataList:[],
        yearData:[],
        thisMonth: [], lastMonth: [], last90Day: [], dateString: [], DepartmentList: [], EquTypeList: []
    };
    componentDidMount() {
        this.getDate()
        this.fetch({
            pageNum: 1,
            pageSize: 10,
            deptId: chooseData.deptId || chooseData.deptId===0 ? chooseData.deptId : formValuesOld.deptId || formValuesOld.deptId===0 ? formValuesOld.deptId :'',
            equTypeId:chooseData.equTypeId || chooseData.equTypeId===0 ? chooseData.equTypeId : formValuesOld.equTypeId || formValuesOld.equTypeId===0 ? formValuesOld.equTypeId : '',
            isNext:isNext===1 ? 1 : 0,
            // startTime:todayStart,
            // endTime:todayEnd,
            timeList: [formValuesOld.startTime, formValuesOld.endTime ]
        });
        this.queryTreeDepartment()
        this.findEquTypePageList()
    }
    //初始化加载数据
    fetch = data => {
        let str = ''
        console.log(data)
        if (data.timeList && data.timeList.length === 2) {
            data['startTime'] = data.timeList[0]
            data['endTime'] = data.timeList[1]
            // str += '&startTime=' + data.timeList[0] + '&endTime=' + data.timeList[1]
            delete data['timeList']
        } else if (!data.timeList || data.timeList.length === 0) {
            data['startTime'] = data['startTime'] ? data['startTime'] : ''
            data['endTime'] = data['endTime'] ? data['endTime'] : ''
            delete data['timeList']
        }
        if(!valueOld){
            this.props.form.setFieldsValue({
                'dateString' : [moment(data.startTime, 'YYYY/MM/DD'),moment(data.endTime, 'YYYY/MM/DD')]
            })
        }
        this.setState({ loading: true, formValues: data }, () => {
            console.log(this.state.formValues)
        })
        for (var key in data) {
            if (data[key] || data[key] == 0) {
                str += `&${key}=${data[key]}`
            }
        }
        this.get(`${euqApplicationName_gl}/equipmentDeptReport/findEquipmentDeptDetails?` + str).then(res => {
            console.log(res.data.data)
            this.setState({
                loading: false,
                dataSource: res.data.data,
                total: res.data.total,
            });
        })
    };
    queryTreeDepartment = () => {
        // this.get(`${lotAuth}/department/queryTreeDepartment`).then(res => {
            this.get(`${lotAuth2}/department/queryTreeDepartment`).then(res => {
            this.setState({
                DepartmentList: res.data
            });
        })
    }

    findEquTypePageList = () => {
        this.setState({ loading: true })
        this.get(euqApplicationName + '/parameter_setting_equipmentType/findEquTypePageList').then(res => {
            this.setState({
                EquTypeList: res.data,
            });
        })
    };
    getDate = () => {
        var date = new Date();
        let day = date.getDate() < 10 ? `0${date.getDate()}` : date.getDate()
        let month = date.getMonth() + 1 ? `0${date.getMonth() + 1}` : date.getMonth() + 1
        let year = date.getFullYear()
        let todayEnd = `${year}-${month}-${day} 23:59:59`
        let todayStart = `${year}-${month}-01 00:00:00`
        let thisMonth = [todayStart, todayEnd]
        let lastMonth = this.getLastMonth()
        let last90Day = [this.getLast90Day(), todayEnd]
        this.setState({
            thisMonth, lastMonth, last90Day
        })
    }
    getLastMonth = () => {//获取上个月日期第一天
        var nowDate = new Date();
        var year = nowDate.getFullYear();
        var month = nowDate.getMonth() < 10 ? `0${nowDate.getMonth()}` : nowDate.getMonth();
        if (month == 0) {
            year = year - 1;
            month = 12;
        }
        var lastDay = new Date(year, month, 0);
        var day = lastDay.getDate() < 10 ? `0${lastDay.getDate()}` : lastDay.getDate();
        var yyyyMMdd = year + "-" + month + "-" + day + ' 23:59:59';
        return [year + "-" + month + "-01 00:00:00", yyyyMMdd];
    }
    /**
     * 获取上个月月底日期
     */
    getLast90Day = () => {
        var nowDate = new Date();
        var year = nowDate.getFullYear();
        var month = nowDate.getMonth() - 2 < 10 ? `0${nowDate.getMonth() - 2}` : nowDate.getMonth() - 2;
        if (month == 0) {
            month = 12;
            year = year - 1;
        }
        var lastDay = new Date(year, month, 0);
        var day = lastDay.getDate() < 10 ? `0${lastDay.getDate()}` : lastDay.getDate();
        var yyyyMMdd = year + "-" + month + "-" + day + ' 00:00:00';
        return yyyyMMdd;
    }
    unjoin = (record) => {
        console.log(record.equId)
        const {yearData} = this.state
        let list = this.state.list
        let list2 = this.state.list2
        let list3 = this.state.list3
        let list4 = this.state.list4
        list = list&&list.filter(li=>li.equId!==record.equId)
        list2 = list2&&list2.filter(li=>li.equId!==record.equId)
        list3 = list3&&list3.filter(li=>li.equId!==record.equId)
        list4 = list4&&list4.filter(li=>li.equId!==record.equId)
        console.log(list)
        record.echa = 0
        let option1 = this.option1
        option1.series = list
        option1.legend.data = list.map(item=>item.name)
        option1.xAxis.data = yearData
        let option2 = this.option2
        option2.series = list2
        option2.legend.data = list2.map(item=>item.name)
        option2.xAxis.data = yearData
        let option3 = this.option3
        option3.series = list3
        option3.legend.data = list3.map(item=>item.name)
        option3.xAxis.data = yearData
        let option4 = this.option4
        option4.series = list4
        option4.legend.data = list4.map(item=>item.name)
        option4.xAxis.data = yearData
        this.setState({list,list2,list3,list4,}, () => {
            console.log(this.echartRef)
            console.log(option1)
            this.echartRef.getEchartsInstance().setOption(option1,true);
            this.echartRef2.getEchartsInstance().setOption(option2,true);
            this.echartRef3.getEchartsInstance().setOption(option3,true);
            this.echartRef4.getEchartsInstance().setOption(option4,true);
        });
    }
    beforeJoin = (record) => {
        record.echa = 1
        let str = ''
        if(record.equId || record.equId===0){
            str+='&equId='+record.equId
        }
        if(record.equTypeId || record.equTypeId===0){
            str+='&equTypeId='+record.equTypeId
        }
        if(record.deptId || record.deptId===0){
            str+='&deptId='+record.deptId
        }
        this.get(`${euqApplicationName_gl}/equipmentTypeReport/addContrast?${str}`).then(res=>{
            console.log(res.data)
            let arr = res.data
            let yearData = arr.map(item=>item.yearMonth)
            let faultTotalData = arr.map(item=>item.faultTotal)
            let maintenanceCostsData = arr.map(item=>item.maintenanceCosts)
            let tjHoursData = arr.map(item=>item.tjHours)
            let wxHoursData = arr.map(item=>item.wxHours)
            this.join(faultTotalData,tjHoursData,maintenanceCostsData,wxHoursData,yearData,record)
            this.setState({yearData})
        })
    }
    join = (faultTotalData,tjHoursData,maintenanceCostsData,wxHoursData,yearData,record) => {
        let list = this.state.list
        let list2 = this.state.list2
        let list3 = this.state.list3
        let list4 = this.state.list4
        list.push({
            name: record.equName,
            equId: record.equId,
            type: 'line',
            // stack: '总量',
            data: faultTotalData,
            itemStyle : { normal: {label : {show: true}}}
        })
        list2.push({
            name: record.equName,
            equId: record.equId,
            type: 'line',
            // stack: '总量',
            data: tjHoursData,
            itemStyle : { normal: {label : {show: true}}}
        })
        list3.push({
            name: record.equName,
            equId: record.equId,
            type: 'line',
            // stack: '总量',
            data: maintenanceCostsData,
            itemStyle : { normal: {label : {show: true}}}
        })
        list4.push({
            name: record.equName,
            equId: record.equId,
            type: 'line',
            // stack: '总量',
            data: wxHoursData,
            itemStyle : { normal: {label : {show: true}}}
        })
        let option1 = this.option1
        option1.series = list
        option1.legend.data = list.map(item=>item.name)
        option1.xAxis.data = yearData
        let option2 = this.option2
        option2.series = list2
        option2.legend.data = list2.map(item=>item.name)
        option2.xAxis.data = yearData
        let option3 = this.option3
        option3.series = list3
        option3.legend.data = list3.map(item=>item.name)
        option3.xAxis.data = yearData
        let option4 = this.option4
        option4.series = list4
        option4.legend.data = list4.map(item=>item.name)
        option4.xAxis.data = yearData
        this.setState({list,list2,list3,list4}, () => {
            this.echartRef.getEchartsInstance().setOption(option1,true);
            this.echartRef2.getEchartsInstance().setOption(option2,true);
            this.echartRef3.getEchartsInstance().setOption(option3,true);
            this.echartRef4.getEchartsInstance().setOption(option4,true);
        },true);
    }
    
    getXianTiOption = () => {
        let option = {
            title:{
                text:'导出图片',
                show:false
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: [],
                x: '80%',
                y: '10px',
            },
            grid: {
                right: '2%',
                left: '2%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                axisTick: {
                    alignWithLabel: true
                },
                data: []
            },
            yAxis: {
                type: 'value',name: '单位（次）',
            },
            // series: [],
            dataZoom: [
                {
                    type: 'inside',
                    show: true,
                    xAxisIndex: [0],
                    // 缩放的开始位置的百分比，0 - 100
                    start: 1,
                    // 缩放的结束位置的百分比，0 - 100
                    end: 100,
                    // 缩放的开始位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // startValue?: number,
                    // 缩放的结束位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // endValue?: number
                }
            ]
        };
        this.option1 = option
        return option;
    };
    getXianTiOption2 = () => {
        let option = {
            title:{
                text:'导出图片',
                show:false
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: [],
                x: '80%',
                y: '10px',
            },
            grid: {
                right: '2%',
                left: '2%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                axisTick: {
                    alignWithLabel: true
                },
                data: []
            },
            yAxis: {
                type: 'value',name: '单位（h）',
            },
            // series: [],
            dataZoom: [
                {
                    type: 'inside',
                    show: true,
                    xAxisIndex: [0],
                    // 缩放的开始位置的百分比，0 - 100
                    start: 1,
                    // 缩放的结束位置的百分比，0 - 100
                    end: 100,
                    // 缩放的开始位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // startValue?: number,
                    // 缩放的结束位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // endValue?: number
                }
            ]
        };
        this.option2 = option
        return option;
    };
    getXianTiOption3 = () => {
        let option = {
            title:{
                text:'导出图片',
                show:false
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: [],
                x: '80%',
                y: '10px',
            },
            grid: {
                right: '2%',
                left: '2%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                axisTick: {
                    alignWithLabel: true
                },
                data: []
            },
            yAxis: {
                type: 'value',name: '单位（元）',
            },
            // series: [],
            dataZoom: [
                {
                    type: 'inside',
                    show: true,
                    xAxisIndex: [0],
                    // 缩放的开始位置的百分比，0 - 100
                    start: 1,
                    // 缩放的结束位置的百分比，0 - 100
                    end: 100,
                    // 缩放的开始位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // startValue?: number,
                    // 缩放的结束位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // endValue?: number
                }
            ]
        };
        this.option3 = option
        return option;
    };
    getXianTiOption4 = () => {
        let option = {
            title:{
                text:'导出图片',
                show:false
            },
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data: [],
                x: '80%',
                y: '10px',
            },
            grid: {
                right: '2%',
                left: '2%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                axisTick: {
                    alignWithLabel: true
                },
                data: []
            },
            yAxis: {
                type: 'value',name: '单位（h）',
            },
            // series: [],
            dataZoom: [
                {
                    type: 'inside',
                    show: true,
                    xAxisIndex: [0],
                    // 缩放的开始位置的百分比，0 - 100
                    start: 1,
                    // 缩放的结束位置的百分比，0 - 100
                    end: 100,
                    // 缩放的开始位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // startValue?: number,
                    // 缩放的结束位置的数值，只有在工具栏的缩放行为的事件中存在。
                    // endValue?: number
                }
            ]
        };
        this.option4 = option
        return option;
    };
    handleSizeChange = (e) => {
        console.log(`${e.target.value}`);
        this.props.form.resetFields('dateString')
        let value = e.target.value
        valueOld = e.target.value
        let data = { ...this.state.formValues }
        switch (value) {
            case '1': {
                data.timeList = this.state.thisMonth
                break;
            }
            case '2': {
                data.timeList = this.state.lastMonth
                break;
            }
            case '3': {
                data.timeList = this.state.last90Day
                break;
            }
            case '4': {
                data.timeList = ['','']
                break;
            }
        }
        this.setState({ value }, () => {
            this.fetch(data)
        })
    }
    onChange = (date, dateString) => {
        if (dateString.length === 2 && dateString[0] != '') {
            this.setState({ value: null, dateString })
            valueOld = null
            let data = { ...this.state.formValues }
            data.timeList = [dateString[0] + ' 00:00:00', dateString[1] + ' 23:59:59']
            this.fetch(data)
            console.log(date, dateString);
        } else {
            valueOld = '1'
            this.fetch({
                pageNum: 1,
                pageSize: 10,
                deptId: chooseData.deptId || chooseData.deptId === 0 ? chooseData.deptId : formValuesOld.deptId || formValuesOld.deptId === 0 ? formValuesOld.deptId : '',
                equTypeId: chooseData.equTypeId || chooseData.equTypeId === 0 ? chooseData.equTypeId : formValuesOld.equTypeId || formValuesOld.equTypeId === 0 ? formValuesOld.equTypeId : '',
                isNext: 1,
                timeList: [todayStart,todayEnd]
            })
        }
    }
    //表单查询
    filterSubmit = values => {
        console.log(1111)
        console.log(values)
        let data = { ...this.state.formValues, ...values }
        console.log(data)
        this.fetch(data);
    };
    //头部关键字查询部分
    formList = () => {
        const { DepartmentList, EquTypeList,formValues } = this.state;
        const formList = [{ type: "TREESELECT", label: "部门", field: "deptId", name: 'name', valueField: 'id', list: DepartmentList, allowClear: true,initialValue:formValues.deptId,  }, {
            type: 'TREESELECT', label: '类型', field: 'equTypeId',initialValue:formValues.equTypeId,
            name: 'name', valueField: 'id', list: EquTypeList, allowClear: true
        },];
        return formList;
    };
    remove = (activeKey) => {
        this.props.history.push('/equipmentTypeAnalyse/new')
    }
    onChangeTabs = activeKey => {
        this.setState({ activeKey });
    };

    onEdit = (targetKey, action) => {
        this[action](targetKey);
    };

    onTestClick = (e) => {
        this.props.onEvent({ type: 'test', data: 0 });
    }
    add = (record, title, activeKey,isNext,data,valueOld) => {
        this.props.onEvent({ type: 'add', data: { record, title, activeKey,isNext ,data,valueOld} });
    }
    render() {
        const { chooseData, dataSource, loading, total, formValues, value } = this.state;
        const columns= [
            // { title: '序号', width: 100, dataIndex: 'id' },
            {
                title: '透视操作', width: 100,
                render: (text, record) => {
                    if(this.state.list.length===5){
                        if(record.echa === 1){
                            return <>
                            <span><a href onClick={() => this.unjoin(record)}>取消对比</a><Divider type="vertical" /></span>
                        </>
                        }else{
                            return <></>
                        }
                    }else if(this.state.list.length<=5){
                        if(record.echa === 1){
                            return <>
                            <span><a href onClick={() => this.unjoin(record)}>取消对比</a><Divider type="vertical" /></span>
                        </>
                        }else{
                            return <>
                            <span style={{display:this.state.list}}><a href onClick={() => this.beforeJoin(record)}>加入对比</a><Divider type="vertical" /></span>
                        </>
                        }
                    }
                },align:'center',
            },
            { title: '设备编码', width: 100, dataIndex: 'equCode' ,align:'center',},
            { title: '设备名称', width: 100, dataIndex: 'equName',align:'center', },
            { title: '规格型号', width: 100, dataIndex: 'equSpecsModel' ,align:'center',},
            { title: '设备类型', width: 100, dataIndex: 'equTypeName' ,align:'center',},
            { title: '部门', width: 100, dataIndex: 'deptName',align:'center', },
            { title: '总故障次数', width: 100, dataIndex: 'faultTotal' , render: (text, record) => {
                return <span><a href onClick={() => this.add(record, `${record.equName}故障单`, `${record.equTypeId}/${record.equId}_errorList`,1,formValues,valueOld)} style={{ color: 'red' }}>{text}</a></span>
            },align:'center',},
            { title: '已维修故障', width: 100, dataIndex: 'flushTotal' ,align:'center',},
            { title: '停机次数', width: 100, dataIndex: 'stops',align:'center', },
            { title: '停机时长(h)', width: 100, dataIndex: 'tjHours',align:'center', },
            { title: '维修用时(h)', width: 100, dataIndex: 'wxHours' ,align:'center',},
            { title: '总维修费用', width: 100, dataIndex: 'maintenanceCosts',align:'center', },
            { title: '最近维修时间', width: 100, dataIndex: 'zjWxDate',align:'center', },
            { title: '最近保养时间', width: 100, dataIndex: 'zjByDate' ,align:'center',},//?

        ]
        return (
            <div className="shadow-radius">
                {/* <Button onClick={this.onTestClick}>test</Button>
                 <Tabs hideAdd
                     onChange={this.onChangeTabs}
                     activeKey={this.state.activeKey}
                     type="editable-card"
                     onEdit={this.onEdit}> */}
                {/* <TabPane tab="生产设备部门透视分析" key="top" closable={true}> */}
                <Card>
                    <BasicForm formList={this.formList()} filterSubmit={this.filterSubmit} labelSpan={8} wrapperSpan={12} onRef={ref => (this.child = ref)} />
                </Card>
                <div>
                    <Tabs defaultActiveKey="1">
                        <TabPane tab="故障次数" key="1" forceRender >
                            <div style={{width:'80%',margin:'0 auto',textAlign:'center',fontWeight:700,fontSize:16}}>
                                近12月数据变化趋势对比
                            </div>
                            <div style={{ display: 'flex' }}>
                                <Echarts
                                    option={this.getXianTiOption()}
                                    style={{ width: '100%', height: '460px' }}
                                    ref={(e) => { this.echartRef = e; }}
                                />
                            </div>
                        </TabPane>
                        <TabPane tab="停机时长" key="2" forceRender >
                            <div style={{width:'80%',margin:'0 auto',textAlign:'center',fontWeight:700,fontSize:16}}>
                                近12月数据变化趋势对比
                            </div>
                            <div style={{ display: 'flex' }}>
                                <Echarts
                                    option={this.getXianTiOption2()}
                                    style={{ width: '100%', height: '460px' }}
                                    ref={(e) => { this.echartRef2 = e; }}
                                />
                            </div>
                        </TabPane>
                        <TabPane tab="总维修费用" key="3" forceRender >
                            <div style={{width:'80%',margin:'0 auto',textAlign:'center',fontWeight:700,fontSize:16}}>
                                近12月数据变化趋势对比
                            </div>
                            <div style={{ display: 'flex' }}>
                                <Echarts
                                    option={this.getXianTiOption3()}
                                    style={{ width: '100%', height: '460px' }}
                                    ref={(e) => { this.echartRef3 = e; }}
                                />
                            </div>
                        </TabPane>
                        <TabPane tab="维修用时" key="4" forceRender >
                            <div style={{width:'80%',margin:'0 auto',textAlign:'center',fontWeight:700,fontSize:16}}>
                                近12月数据变化趋势对比
                            </div>
                            <div style={{ display: 'flex' }}>
                                <Echarts
                                    option={this.getXianTiOption4()}
                                    style={{ width: '100%', height: '460px' }}
                                    ref={(e) => { this.echartRef4 = e; }}
                                />
                            </div>
                        </TabPane>
                    </Tabs>
                </div>

                <div>
                    <Row>
                        <Col span={20}>
                            <p>
                                <span>时间：</span>
                                <Radio.Group onChange={this.handleSizeChange} buttonStyle="solid" value={valueOld}>
                                    <Radio.Button value="1">本月</Radio.Button>
                                    <Radio.Button value="2">上月</Radio.Button>
                                    <Radio.Button value="3">90日</Radio.Button>
                                    <Radio.Button value="4">历史</Radio.Button>
                                </Radio.Group>
                                <Form style={{ display: 'inline-block' }}>
                                    <Form.Item>
                                        {this.props.form.getFieldDecorator('dateString', {
                                            // initialValue:[]defaultValue={dateString.length===2?[moment(dateString[0], 'YYYY/MM/DD'), moment(dateString[1], 'YYYY/MM/DD')]:''} 
                                        })(<RangePicker onChange={this.onChange} style={{ marginLeft: 25 }} placeholder={['开始时间', '结束时间']} />)}
                                    </Form.Item>
                                </Form>
                            </p>
                        </Col>
                                <Col style={{ float: 'right' }}><FileDown fileName="设备部门透视分析报表" buttonName="导出表" method="post" apiPath={`${euqApplicationName_gl}/equipmentTypeReport/importEquipmentTypeDetailsTable`} data={{...this.state.formValues,isNext:1}} /></Col>
                    </Row>
                </div>
                <Table columns={columns} rowKey={(record, index) => record.equId} dataSource={dataSource} pagination={false} loading={loading} scroll={{ x: 'calc(700px + 50%)' }} />
                <Paging total={total} formValues={formValues} fetch={pager => this.fetch(pager)} />
                {/* </TabPane>
                 </Tabs> */}
            </div>
        );
    }
}
export default Form.create()(withRouter(EquipmentTypeAnalyse3_details));
